<template>
<div class="login_qr">
  <el-button type="success"  size="medium" @click="qrLogin01" round>
    <div class="login_qr_btn">
      微信登录
    </div>
  </el-button>
  <el-divider content-position="center"></el-divider>
  <el-button type="danger" size="medium" @click="qrLogin02" round>
    <div class="login_qr_btn">
      QQ登录
    </div>
  </el-button>
  <el-divider content-position="center"></el-divider>
  <el-button type="primary" size="medium" @click="qrLogin03" round>
    <div class="login_qr_btn">
      手机APP登录
    </div>
  </el-button>
</div>
</template>

<script>
import EventBus from "@/api/EventBus";
export default {
  name: "QrCode",
  data() {
    return {
    }
  },
  created() {

  },
  methods: {
    qrLogin01() {   // 微信
      this.$store.dispatch('code/update_weiCode',true)
      this.$store.dispatch('code/update_showBack', false)
    },
    qrLogin02() {    // qq
      this.$store.dispatch('code/update_qqCode',true)
      this.$store.dispatch('code/update_showBack', false)
    },
    qrLogin03() {   // app
      this.$store.dispatch('code/update_appCode',true)
      this.$store.dispatch('code/update_showBack', false)
    }
  },
}
</script>

<style scoped>
.login_qr {
  margin-top: 10px;
  margin-left: 70px;
}
.login_qr_btn {
  width: 180px;
  height: 15px;
  font-size: 10px;
  line-height: 15px;
}
</style>
